<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/zixun.css"/>
	</head>
	<body>
		<div class="container-fluid head">
			<div class="col-xs-12 head-xs">
				<div class="fl xs-head">
					<input type="checkbox"  id="toggle">
					<label class="test" for="toggle">
						<span></span>
						<span></span>
						<span></span>
						<span></span>
					</label>
					<div class="xs-catalog">
						<ul>
							<li><a href="index.html">首页</a></li>
							<li><a href="guanyu.html">关于</a></li>
							<li><a href="kecheng.html">课程</a></li>
							<li><a href="zixun.html">资讯</a></li>
							<li><a href="lianxi.html">联系</a></li>
						</ul>
					</div>
				</div>
				<div class="fl xs-head-img">
					<img src="img/1.webp" >
				</div>
				<div class="clear"></div>
			</div>
			<div class="header-nav">
				<div class="container header">
					<div class="col-lg-5 header-img">
						<img src="./img/1.webp" >
					</div>
					<div class="col-lg-5 head-title">
						<ul>
							<li ><a href="index.html">首页</a></li>
							<li><a href="guanyu.html">关于</a></li>
							<li><a href="kecheng.html">课程</a></li>
							<li class="head-title-a"><a href="zixun.html">资讯</a></li>
							<li><a href="lianxi.html">联系</a></li>
							<div class="clear"></div>
						</ul>
					</div>
					<div class="col-lg-2 head-title-right">
						<i class="icon-1"></i>
						<span>001-0011-2222</span>
					</div>
				</div>
			</div>
			<div class="head-img">
				<div class="container head-title">
					<p>资讯</p>
					<div class="col-xs-12 col-lg-12 line">
						<div class="fl line-left"></div>
						<div class="fl line-right"></div>
						<div class="clear"></div>
					</div>
					<span>首页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;资讯</span>
				</div>
			</div>
		</div>
		<div class="container menu">
			<div class="col-xs-12 col-lg-8 menu-left">
				<div class="menu-left-img">
					<p>学员，请马上停止无效练车！</p>
					<div class="menu-left-img-nov">
						<img src="./img/32.webp" >
					</div>
					<ul>
						<li>“年会设计图，客户要求背景色是灰色、字是黄色”</li>
						<li>“为什么？”设计师问道，</li>
					</ul>
				</div>
				<div class="menu-left-img">
					<p>教练@你！科目三这八大雷区不能碰...！</p>
					<div class="menu-left-img-nov">
						<img src="./img/33.webp" >
					</div>
					<ul>
						<li>如果你对一个程序员说：你的代码有bug。</li>
						<li>他的第一反应是：，</li>
					</ul>
				</div>
			</div>
			<div class="col-lg-4 menu-right">
				<div class="menu-right-top">
					<p><i class="icon-2"></i>发布者</p>
				</div>
				<div class="menu-left-logo">
					<img src="img/35.webp" >
					<p>Safe Driving交通学校</p>
				</div>
				<div class="menu-left-fx">
					<ul>
						<li>分享到 ：</li>
						<li><i class="icon-l1"></i></li>
						<li><i class="icon-l2"></i></li>
						<li><i class="icon-l3"></i></li>
						<li><i class="icon-l4"></i></li>
						<li><i class="icon-l5"></i></li>
					</ul>
				</div>
				<div class="menu-right-title">
					<p><i class="icon-3"></i>更多资讯</p>
				</div>
				<div class="menu-right-img">
					<div class="menu-right-img-li">
						<div class="fl menu-right-img-left">
							<img src="img/32.webp" >
						</div>
						<div class="fl menu-right-img-right">
							<ul>
								<li>学员，请马上停止无效练车！</li>
								<li>“年会设计图，客户要求背景色是灰色、字是黄色”</li>
								<li>“..."</li>
							</ul>
						</div>
						<div class="clear"></div>
					</div>
					<div class="menu-right-img-li">
						<div class="fl menu-right-img-left">
							<img src="img/37.webp" >
						</div>
						<div class="fl menu-right-img-right">
							<ul>
								<li>教练@你！科目三这八大雷区不能...！</li>
								<li>如果你对一个程序员说：你的代码有bug。</li>
								<li>他的第一...</li>
							</ul>
						</div>
						<div class="clear"></div>
					</div>
					<div class="menu-right-img-li">
						<div class="fl menu-right-img-left">
							<img src="./img/38.webp" >
						</div>
						<div class="fl menu-right-img-right">
							<ul>
								<li>掌握这12个小窍门，驾考轻松拿...</li>
								<li>前阵子，公司一个人遇到个记者，记者问他："看您身板硬...</li>
								<li></li>
							</ul>
						</div>
						<div class="clear"></div>
					</div>
					<div class="menu-right-img-li">
						<div class="fl menu-right-img-left">
							<img src="./img/21.webp" >
						</div>
						<div class="fl menu-right-img-right">
							<ul>
								<li>这样复习准备科目一考试 挂科机...</li>
								<li>面试官：作为设计师，你有什么特长吗？</li>
								<li>求职者：我会...</li>
							</ul>
						</div>
						<div class="clear"></div>
					</div>
					<div class="menu-right-img-li">
						<div class="fl menu-right-img-left">
							<img src="./img/20.webp" >
						</div>
						<div class="fl menu-right-img-right">
							<ul>
								<li>速度看！盘点15组易混淆交通标...</li>
								<li>Q：你花了一整天的时间，绞尽脑汁，终于做出一张极其满...</li>
								<li></li>
							</ul>
						</div>
						<div class="clear"></div>
					</div>
					<div class="menu-right-img-li">
						<div class="fl menu-right-img-left">
							<img src="./img/19.webp" >
						</div>
						<div class="fl menu-right-img-right">
							<ul>
								<li>2019驾考超新交警手势图解</li>
								<li>“我想当个设计师，首先是不是得创意好？”</li>
								<li>“错，首...</li>
							</ul>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<div class="col-xs-12 col-lg-8 menu-button">
				<span>查看更多</span>
			</div>
		</div>
		<div class="container-fluid bottom">
			<div class="container bottom-title">
				<div class="col-xs-12 col-lg-5 bottom-left">
					<img src="img/1.webp" >
					<ul>
						<li>青少年和成人的防御性驾驶，交通学校和驾驶员教育的领导者。</li>
						<li>COPYRIGHT (©) 2019 驾校模板 京ICP备41414141414-1号 </li>
					</ul>
				</div>
				<div class="col-lg-2 bottom-right">
					<ul>
						<li>关于我们</li>
						<li>师资力量</li>
						<li>课程价格</li>
						<li>新闻博客</li>
					</ul>
				</div>
				<div class="col-lg-3 bottom-right">
					<ul>
						<li>联系我们</li>
						<li>地址：苏州市工业园区00号</li>
						<li>电话：+1 703-518-6099</li>
						<li>邮件：hello@qifeiye.com</li>
					</ul>
				</div>
				<div class="col-lg-2 bottom-right">
					<ul>
						<li>分享</li>
					</ul>
					<ul>
						<li ><i class="icon-b1"></i></li>
						<li ><i class="icon-b2"></i></li>
						<li ><i class="icon-b3"></i></li>
						<li ><i class="icon-b4"></i></li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>
